.container {
  padding: 24px;

  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    opacity: 0;
  }

  ::-webkit-scrollbar-track {
    background: #f0f2f5;
    border-radius: 2px;
  }

  ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 20%);
    border-radius: 2px;

    &:hover {
      background: rgba(0, 0, 0, 30%);
    }
  }

  &:hover {
    ::-webkit-scrollbar {
      opacity: 1;
    }
  }

  // 场景卡片配色方案
  @scenario-edu: #f0f9ff; // 学校课设
  @scenario-personal: #fff7f0; // 私活项目
  @scenario-business: #f6f6ff; // 中小企业项目

  :global {
    .ant-card {
      height: 100%;
      transition: all 0.3s;

      &.scenario-edu {
        background: @scenario-edu;
        border-color: @blue-5;
      }

      &.scenario-personal {
        background: @scenario-personal;
        border-color: @orange-5;
      }

      &.scenario-business {
        background: @scenario-business;
        border-color: @purple-5;
      }

      &:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 10%);
      }
    }

    .ant-timeline {
      margin-top: 8px;
    }

    .ant-statistic {
      text-align: center;
    }
  }
}
